/* COLORS */
.bg-color-darkbluegreen{background-color:#044;}
.bg-color-orange{background-color:#E65D16;}
.bg-color-darkgray{background-color:#141A1A;}
.bg-color-lightgreen{background-color:#BDDB00;}
.bg-color-paleyellow{background-color:#FFFF4F;}
.bg-color-turqoise{background-color:#008F9D;}
.bg-color-darkgreen{background-color:#002922;}
.bg-color-greenishdarkgray{background-color:#00190E;}
.bg-color-darkestgray{background-color:#000F02;}
.bg-color-wetsand{background-color:#6C6E58;}
.bg-color-darkwetsand{background-color:#3E423A;}
.bg-color-lightblue{background-color:#417378;}
.bg-color-pastellightblue{background-color:#A4CFBE;}
.bg-color-cream{background-color:#F4F7D9;}
.bg-color-darkcream{background-color:#CDDEC6;}
.color-orange{color:#E65D16;}
.color-darkgray{color:#141A1A;}
.color-lightgreen{color:#BDDB00;}
.color-paleyellow{color:#FFFF4F;}
.color-turqoise{color:#008F9D;}
.color-darkgreen{color:#002922;}
.color-greenishdarkgray{color:#00190E;}
.color-darkestgray{color:#000F02;}
.color-wetsand{color:#6C6E58;}
.color-darkwetsand{color:#3E423A;}
.color-lightblue{color:#417378;}
.color-pastellightblue{color:#A4CFBE;}
.color-cream{color:#F4F7D9;}
.color-darkcream{color:#CDDEC6;}

/*GENERAL STYLES*/
img.logo
{
	height:50px;
}

/*GENERAL CONTAINERS*/
.internal-container
{
	position:relative;
	float:left;
	width:100%;
	top:89px;
}

/*TOOLS*/
.tool-selector-container
{
	float:left;
	text-align:center;
	overflow:visible;
	position:relative;
	width:100%;
	margin:auto;
}
.tool-selector-box
{
	position:relative;
	width:210px;
	height:210px;
	float:left;
	margin:12px;
}
.tool-selector
{
	opacity:0.9;
	width:auto;
	margin:auto;
	text-align:center;
	height:210px;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:5px;
	vertical-align:middle;
	transition:opacity 0.1s ease 0s;
	-moz-user-select:none;
}
.tool
{
	background-color:#E3FFFF;
	box-shadow:0px 3px 0px 0px rgb(36, 49, 61),0px 6px 6px -1px rgba(0, 0, 0, 0.48);
}

/* BOX MODEL FIXES*/
.navbar .brand
{
    padding:9px 20px;
}
.navbar .nav > li > a
{
	font-size:16px;
	padding:24px 15px;
}
.alert,.hero-unit
{
	margin:12px;
	box-shadow:0px 3px 0px 0px rgb(36, 49, 61),0px 6px 6px -1px rgba(0, 0, 0, 0.48);
}

/*//MEDIA QUERIES//*/

/* Large desktop */
@media(min-width: 1200px)
{

}

/* desktop */
@media (min-width: 980px) and (max-width: 1199px){
	.tool-selector-box
	{
		width:211px;
		height:211px;
		margin:12px;
	}
	.tool-selector
	{
		height:211px;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:979px){
	.internal-container
	{
		top:0;
	}
	.tool-selector-box
	{
		width:210px;
		height:210px;
		margin:15px;
	}
	.tool-selector
	{
		height:210px;
	}
	.alert, .hero-unit
	{
		margin:15px;
	}
}
 
/* Landscape phone to portrait tablet */
@media(max-width:767px)
{
	.internal-container
	{
		top:0;
	}
	.tool-selector-box
	{
		position:relative;
		width:30%;
		height:30%;
		margin:1.5%;
	}
	.tool-selector
	{
		height:30%;
	}
	.alert, .hero-unit
	{
		margin:1.5%;
		margin-right:2.5%;
	}
}
 
/* Landscape phones and down */
@media(max-width:480px)
{
	.internal-container
	{
		top:0;
	}
	.tool-selector-box
	{
		position:relative;
		width:45%;
		height:45%;
		margin:2.5%;
	}
	.tool-selector
	{
		height:45%;
	}
	.alert, .hero-unit
	{
		margin:2.5%;
	}
}